@back_header:url('../images/h_bg.jpg') no-repeat 50% 0;/*头部背景*/
@back_nav:url('../images/nav_bg.jpg') no-repeat;/*导航背景*/
@back_nav_li:url('../images/nav_l_bg.jpg') no-repeat right center;/*导航隔离条*/
@back_nav_li_ah:url('../images/nav_a_bg.jpg') no-repeat top center;/*鼠标移上去背景*/
@back_s_li:url('../images/x_bg.png') no-repeat;/*左侧栏li背景*/
@back_footer:url('../images/footer_bg.jpg') no-repeat #ccc;/*底部背景*/
@qt1:url('../images/qt1_bg.gif') no-repeat;/*其他图片1号*/
@qt2:url('../images/neiye_title.jpg') no-repeat;/*其他图片2号*/
@qt3:url('../images/qt3_bg.png');/*其他图片3号*/
@qt4:url('../images/qt4_bg.png');/*其他图片4号*/
@height_nav:38px; /*导航条高度*/
@nav_li_w:140px; /*导航条宽度*/
@nav_li_color:#fff;  /*导航条文字颜色*/
@nav_li_a:#fff;  /*导航条文字颜色*/
@ba_w1:1920px; /*滚动图片宽度*/
@ba_h1:450px; /*滚动图片高度*/
@b_w:1002px; /*网站宽度*/
.boder(@w:1px,@c:#ccc,@x:solid){ border: @arguments;}
.font(@s:14px,@f:"微软雅黑"){ font:@arguments;}
//调用方式  .border(3px);
.fl{float: left;}
.fr{float: right;}
/*全局---头部----主体（主页）----底部---侧边---内页--*/
/*--------------------------------------------------------全局开始---------------------------------------------------*/
p,a,h1,h2,h3,h4,h5,h6,li,label,span,strong,i,b,div{font-family: "Arial", "微软雅黑"}
li{list-style: none;}
.bk(@a:#000,@b:1px,@c:1px,@d:solid){border:@b @d @a;border-radius:@c;} /*边框*/
.img_max(@a:auto,@b:auto){max-width:@a;max-height:@b;} /*最大最小*/
.jz_h(@a:40px){line-height:@a;height:@a;}/*单行字体居中(默认20px)*/
.left{float:left;}
.right{float:right;}
.main2{margin:0 auto;width:@b_w;}
.main3{margin:0 auto;width:@b_w;}
.main{margin:0 auto;width:@b_w;}
.off{display:none;} /*隐藏*/
.slh(){text-overflow: ellipsis;white-space: nowrap;overflow: hidden;}/*单行超出部分省略号显示*/
ul{padding: 0;margin:0;}
i{font-style: normal;}
a,a:hover{color: #444;text-decoration: none;}
/*----------------头部--------------*/
body{color: #444; margin: 0; font-size: 12px;}
.wrap{margin:0 auto; width:@b_w;margin-top: 20px; }
.utility {width: 100%; height: 28px; line-height: 28px;   text-align: right;color: #212222;background-color: #f2f2f2;
  .header_top{width: @b_w;margin: 0 auto;
	span{float: left;}
	a { display: inline-block; color: #212222;
	  &:hover { color: #0d8e0d;}
	}
  }
}
.header { margin: 0 auto; max-width:1920px; }
.top { width: @b_w;margin: 0 auto;overflow: hidden;
  .logo { float: left;}
}
.header_nav_k{max-width: 1920px;background:#003aa4;}
.header_nav{ width: 1000px; margin: 0 auto; }
/* -------------------------------------*/
	.newsList { width:205px; margin:0 auto; padding-top:5px;
		.newsList_li { background: url('../images/n.jpg') no-repeat 10px 50%; border-bottom: 1px dashed #7d7d7d;  line-height:33px; height: 33px; padding-left: 20px;
			a{color: #00315a;}
		}
	}
	.productsList { width:205px; margin:0 auto; padding-top:5px;
		li{background: url('../images/f.jpg') no-repeat 10px 50%; border-bottom: 1px dashed #7d7d7d;  line-height:33px; height: 33px; padding-left: 30px;
			a{color: #00315a;}
		}
	}
	.search{
		form{margin: 7px 0 0 0;}
		.text{color: #a0a0a0;background: #dadada;padding: 0;margin: 0;width: 189px!important;height: 22px!important;border: none;color: #a0a0a0;text-indent: 5px;}
		.anan{background: #020202;margin: 0;padding: 0;width: 44px!important;height: 22px!important;color: #fff;border: none;}
	}
	.message{width: 279px;border-bottom: 1px dashed #929292;padding: 11px 0;
		.message_title{min-height: 17px; line-height: 17px;color: #666666;
			img{float: left;margin-right: 6px;}
		}
		.message_text{margin-top: 10px;line-height: 23px;color: #666666;
			img{float: left;margin-right: 6px;margin-top: 2px;}
		}
	}
	.banner{margin:0px auto;height: @ba_h1;max-width:@ba_w1;overflow: hidden;padding: 0px;_width: @ba_w1;	ul{li{a{.left;width:@ba_w1;height:@ba_h1}}}}

/*---------------首页主体-------------------*/
.picture{ float:left; width:300px; height:374px; margin-right: 29px; overflow:hidden; display:inline;position: relative;   }
.picture1{width:300px; height:300px; text-align:center; vertical-align:middle;background-color:#FFFFFF; border:1px solid #cccccc; overflow:hidden; display:table-cell; *display: block;}
.picture2{width:300px; height:74px; text-align:center; line-height: 74px;background: #fff;
  a{font:24px/24px blod;color: #333333;}
}
.picture1 img{ vertical-align:middle; border:0;}


.hot{
  ul{margin-right: -19px;
    li{display: block;float: left;padding-top: 170px;text-align: center;margin-right: 9px;
      a{color: #f59b0f;.font(24px);}
    }
    li:nth-of-type(1){width: 240px;height: 50px;background: url("../images/hot1.jpg")no-repeat;}
    li:nth-of-type(2){width: 240px;height: 50px;background: url("../images/hot2.jpg")no-repeat;}
    li:nth-of-type(3){width: 240px;height:50px;background: url("../images/hot3.jpg")no-repeat;}
    li:nth-of-type(4){width: 240px;height: 50px;background: url("../images/hot4.jpg")no-repeat;}
  }
}


.class{background: url("../images/class_bg.jpg")no-repeat;border-top: 1px solid #ccc;width: 1002px;height: 132px;
  ul{width: 800px;float: right;;margin-top: 20px;
    li{display: inline-block;margin-right: 20px;.font(16px);line-height: 30px;font-weight: bold;}
  }
}



.product{background: #efefef;overflow: hidden;}
.jiaxinban{height: 515px;
  .jiaxinban_dh{background: url("../images/jiaxinban_dh.jpg")no-repeat;width: 182px;height: 96px;margin: 20px auto;}
  .yanban_dh{background: url("../images/yanban_dh.jpg")no-repeat;width: 182px;height: 96px;margin: 20px auto;}
  .peijian_dh{background: url("../images/peijian_dh.jpg")no-repeat;width: 252px;height: 96px;margin: 20px auto;}
  .huodongfang_dh{background: url("../images/huodongfang_dh.jpg")no-repeat;width: 182px;height: 106px;margin: 20px auto;}
  .jiaxinban_nr{

  }
}








.poster{background: url("../images/poster1.jpg")top center;max-width: 1920px;height: 992px;}


.about{ width: 1002px;margin: 0 auto 30px;overflow: hidden;;
  .about_dh{height: 51px;background: #efefef;
    h3{font-size: 22px;line-height: 51px;background: #0039a5;width: 124px;height: 100%;text-align: center;float: left;color: #fff;}
    a{float: right;color:#0039a5;line-height: 51px;margin-right: 15px; }
  }
  .about_nr{padding-top: 24px;
    img{float: left;margin-right: 20px;}
    p{line-height: 30px;}
  }
}



.news_img{background: url("../images/news_img.jpg")no-repeat;width: 375px;height: 376px;float: left;}
.news{width: 611px;float: right;
  .news_dh{background: #b9b9b9;width: 611px;height: 51px;margin-bottom: 9px;
    h3{width: 123px;height: 51px;float: left;line-height: 51px;font-size: 22px;background: #3d3835;color: #fff;text-align: center;}
    a{float: right;line-height: 51px;margin-right: 7px;color: #fff;}
  }
}
.news_nr{
  .li1{min-height: 130px;
    a{font-size: 18px;font-weight: bold;display: block;line-height: 40px;}
    span{font-size: 14px;color: #666666;line-height: 28px;}
  }
  .li2{background: url("../images/li2_bg.jpg")no-repeat;width: 613-69px;height: 39px;line-height: 39px;padding-left: 69px;margin-bottom: 10px;}
  .li3{background: url("../images/li3_bg.jpg")no-repeat;width: 613-69px;height: 39px;line-height: 39px;padding-left: 69px;margin-bottom: 10px;}
  .li4{background: url("../images/li4_bg.jpg")no-repeat;width: 613-69px;height: 39px;line-height: 39px;padding-left: 69px;margin-bottom: 10px;}
  .li5{background: url("../images/li5_bg.jpg")no-repeat;width: 613-69px;height: 39px;line-height: 39px;padding-left: 69px;margin-bottom: 10px;}
  a:hover{color: #0039a5;}
  li{
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
   }
  li:hover{box-shadow: 2px 2px 2px 1px rgba(0,0,0,0.5)}
}



.question{background: url("../images/question_bg.jpg")no-repeat;width: 1002px;height: 173px;}

.qq_contact{padding-top: 95px;display: block;width: 149px;height: 48px;margin-left: 11px;float: left;
  a{width: 149px;height: 48px;display: block;}
}


.question_nr{float: right;;
  li{width: 215px;height: 101px;padding: 15px 20px 12px 15px;float: left;;margin-right: 16px;background: #fff;margin-top: 23px;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    -ms-transition: all .5s;
    -o-transition: all .5s;
    transition: all .5s;
    a{background: url("../images/wen.jpg")no-repeat left center;width: 196px;height: 15px;padding-left: 25px;font-size: 14px;}
    span{background: url("../images/da.jpg")no-repeat left 3px;width: 196px;padding-left: 25px;color: #666666;margin-top: 10px;display: block;line-height: 26px;}
    a:hover{color: #0039a5;}
  }
  li:hover{box-shadow: 2px 2px 4px rgba(0,0,0,0.3)}
}


















.newsList1{line-height: 30px;
  li{border-bottom: 1px dotted #deabab;
	a{background:url('../images/news_tb2.jpg')no-repeat center left;text-indent: 10px;display: block;}
  }
}


#Mleft{}
#Mright{margin:0 0px 0 auto;width:749px;}
.right_main{
  border: 1px solid #d2d2d2;border-top: none;padding: 10px;
}

.container_left{
  width: 228px;
}

.container_left_fl{background-color: #ffffff;
  width: 228px; float: left;
  .container_left_fl_dh{ width: 226px; height: 41px;border: 1px solid #4ba1f6;background-color: #0066cc;
	p{color: #fff; font-size: 14px; font-family: "微软雅黑"; text-indent: 18px; line-height: 40px;}
  }
}
.container_left_fl_li{ width: 226px;
  .li2{font-size: 14px; color: #0066cc;line-height: 30px;text-indent: 64px;border-left: 3px;
	a{width: 220px;height: 30px; display: block;background:url("../images/img1.jpg")no-repeat -250px 0;
	  -webkit-transition: all 0.3s ease-in-out 0s ;
	  -moz-transition:all 0.3s ease-in-out 0s;
	  -ms-transition: all 0.3s ease-in-out 0s ;
	  -o-transition:all 0.3s ease-in-out 0s;
	  transition:all 0.3s ease-in-out 0s ;}
	a:hover{color: #ffffff;background-position: 0 0;}
  }
}
.container_left_contact{ width: 226px; float: left;margin-top: 20px;
  .contact__left_dh{ width: 226px; height: 41px;border: 1px solid #4ba1f6;background-color: #0066cc;
	p{color: #fff; font-size: 14px; font-family: "微软雅黑"; text-indent: 18px; line-height: 40px;}

  }
}
.contact__left_nr{
  li{line-height: 30px; margin-left: 10px;}
}


.picturea{ float:left; width:213px; height:192px; overflow:hidden;  padding:0px; margin-left:28px;_width:197px;}
.picture1a{    
	width:180px;
	height:155px;
	line-height: 155px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ccc;
	overflow:hidden;
	display:table-cell; 
	/* position:relative;  */
	*display: block;
	_font-size:130px;
  }

.picture2a{width:180px; height:20px; text-align:center; margin-top:5px;line-height: 25px;}
.picture1a img{ vertical-align:middle; border:0;}





/********消除浮动<div class="clear2"></div>*********/
.clear2{background: none;border: 0;clear: both;display: block;float: none;font-size: 0;margin: 0;padding: 0;overflow: hidden;visibility: hidden;width: 0;height: 0;
	&:after {content: ".";display:block;height: 0;clear: both;visibility:hidden;} 
}
/*--------------------------------------------------------全局结束---------------------------------------------------*/
#KinSlideshow {
  position:relative;
  ul{margin:0;padding:0;
	li{.left;margin:0;padding:0;
	  a{.left;}
	}
  }
  /*大图导航圆点样式*/
  ol{position: absolute;bottom: 10px;width:100%;margin:0;left:400px;text-align:center;
	li{cursor: pointer;display:inline-block;display:inline\9;width: 45px;height: 12px;font-size: 10px;padding: ~"0 3px\9"; opacity:0.8;background: #fff;color: #fff;margin: 0 1px;}
	.active{opacity:1;color: #f8a41f;background:#f8a41f;}
  }
}


.header{
	.nav{
		background-position:0 0px;height:@height_nav;margin-bottom: 0px;
		/*导航鼠标hover样式.lon*/
		.lon{
			a{
				background-position:50% 0;color:@nav_li_a;
				
			}
		}
		#Index{}
		li{.left;
			 height: @height_nav;position:relative;text-align: center;width: @nav_li_w;
			z-index: 1000;
			a{
				background:none;
				background-position:50% -@height_nav;
				color:@nav_li_color;
				display:block;
				font-family: "微软雅黑";
				font-size:14px; 
				height:@height_nav;
				line-height: @height_nav; 
				margin: 0px auto;
				text-decoration: none;
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
				
			}
			&:hover{.lon;}
		}
		
		.dropdown{
			.dropdown-menu{
				background: rgba(255, 255, 255, 0.7);
				min-width: @nav_li_w;
				padding: 6px 0;
				width:@nav_li_w;
				z-index: 10000;
				li{
					background: none;
					a{
						background: none;
						color: #555;
						font-weight: 100;
					}
					&:hover{
						a{
							background: #FCFCFC;
							border-radius:5px; 
							color:#555;
						}
					}
				}
			}
		}
		.nav-li{
			position: static;
			.nav-div{
				/*display: none;*/
				background: #f00;
				float: left;
				left: @nav_li_w;
				overflow: hidden;
				padding: 6px 0;
				position: absolute;
				top: 0px;
				width: 0px;
				transition: all .3s ease-in-out;
				-moz-transition: all .3s ease-in-out;
				-webkit-transition: all .3s ease-in-out;
				-o-transition: all .3s ease-in-out;
			}
			&:hover{
				.nav-div{
					width: 100px;
				}
				
			}
		}
	}
}



/********************************************************内页******************************************************************/


.well{background: #FCFCFC;}
	.news_list{margin: 0 auto;
		li{
			background: url('../image/list_li.gif') no-repeat 5px 50%;
			border-bottom: 1px dotted #b98424;padding: 5px 20px;
			margin: 0 auto;
			width: 90%;height:25px; line-height:25px;
			a{
			}
			span{.right;
			}
		}
	}

.neiye_news_list{padding-left: 20px;margin-right: -30px;padding-top: 20px;
  li{width: 180px;float: left;padding: 5px 10px 10px  10px;height: 220px;border: 1px solid #ccc;margin-right: 30px;margin-bottom: 20px;text-align: center;
	img{border:1px solid #ccc; vertical-align:middle;}
	.a1{text-align: center;margin-top: 10px;border-bottom: 1px solid #ccc;padding-bottom: 3px;
	  a:hover{color: #00c9ff;}
	}
  }
}
/********公司简历**********/
.article{
		background-color: #fff;
		margin-bottom: 20px;
		min-height: 20px;
		overflow:hidden;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
		box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
	img{max-width:100%;}
	.well{}
	.title{.jz_h(44px);
		background: #0039a5;
		color: #fff;
		margin:0px auto 0px;
		h4{.left;
			font-size: 16px;
			color: #fff;
			line-height: 44px;
			padding:0 15px;font-weight: bold;margin: 0;
			span{.off}
		}
		span{margin-right: 18px;
			a{
				color: #fff;
			}
		}
	}
	.com_con{padding:10px;line-height: 25px;border: 1px solid #d2d2d2;border-top: none;; }
	.content{margin: 25px;}
}
.page{clear: both;margin-top: 10px;text-align: center;font-size: 12px;letter-spacing: 0px;
	#page_num{width: 50px;margin-top: 6px;}
	a{display:inline-block;height:18px;line-height:18px;border:1px solid #DBDBDB;padding:0 2px 0;color:#000;
		&:hover{.jz_h;
			background:#404040;border:none;padding:0 3px 0;color:#fff;
		}
	}
}
.pn{
	font-size: 14px;
	height: 19px;
	margin:25px; 
	padding:8px 14px;
	position: relative;
	.pn-left{.left;
		width: 48%;
		b{.left;
			margin-top: 2px;
		}
	}
	.pn-right{
		width: 48%;
		float: right;
		text-align: right;
		b{.right;
			margin-top: 2px;
		}
	}
	a{
		display: block;
		text-decoration: none;
		color:#383737;
		&:hover{
			color:#f00;
		}
		b{}
		span{bottom: 1px;margin: 0 10px; font-family: "微软雅黑";.slh;display: block;}
	}
	
}
/********留言页面**********/
.order{margin:40px 0 120px 46px;line-height:40px;
	img{vertical-align:-5px;cursor:pointer;}
}
/********新闻中心**********/

.table{
	margin: 10px auto;
	width: 98%;
	tr{
		td{
			&:hover{}
		}
	}
}
/*带图片样式*/
.news-img{
	 ul{
	 	margin: 0;
		li{
			_width: 100px;
			_float:left; 
			_margin: 0 9px;
			.thumbnail{
				img{
					_float:left;
				}
				transition: all .3s;
				-moz-transition: all .3s;
				-webkit-transition: all .3s;
				-o-transition: all .3s;
				.caption{
					_float: left;
					h3{.slh;
						text-align: left;
						margin-bottom: 10px;
					}
				}
			}
			&:hover{
				.thumbnail{
					margin-left: 20px;

					-webkit-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
					-moz-box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
					box-shadow: 0 1px 10px rgba(0, 0, 0, 0.3);
				}
			}
			
		}
	}
}


/********人才招聘**********/
#Jobs-table{
	width: 95%;
	margin: 0 auto;
	thead{
		tr{
			th{

			}
		}
	}
	tbody{
		tr{
			&:hover{
				td{
					background:transparent;
				}
			}
			td{
				&:hover{
					background:transparent;
				}
			}
		}
	}
}


/*-------内页左分类--------*/
.neiye {
  margin-top: 20px;
  float:left;
  width:1000px;
  height:395px;
  margin-bottom:15px;
}
.neiye-z {
  float:left;
  width:522px;
  height:395px;
  margin-right:35px;
}
.neiye-zimg {
  width:500px;
  height:373px;
  text-align:center;
  vertical-align:middle;
  background:#fff;
  overflow:hidden;
  display:table-cell;
  /* position:relative;  */
  *display: block;
  border:solid 1px #ccc;
  padding:10px;
}
.neiye-zimg img{
  vertical-align:middle;
  border:0;
}
.neiye-y {
  float:right;
  width:440px;
  height:381px;
  padding-top:14px;
}
.neiye-yt {
  float:left;
  width:445px;
  height:56px;
  border-bottom:dashed 1px #ccc;
  line-height:56px;
  font-family:"微软雅黑";
  font-size:18px;
  color:#000;
  overflow:hidden;
}
.neiye-yk {
  float:left;
  width:445px;
  height:200px;
  padding-top:15px;
  line-height:46px;
  font-family:"微软雅黑";
  font-size:14px;
  color:#000;
}
.neiye-yd {
  float:left;
  width:445px;
  height:70px;
}
.neiye-yx {
  float:left;
  width:445px;
  height:40px;
}
.neiyex {
  float:left;
  width:1002px;
}



/********用户管理**********/
.vip-user{
	background: url('../image/login_bg_2.jpg');
}

.xxsmys {
	width: 700px;
	height: 30px;
	line-height: 30px;
	background-color: #ececec;
}

.xxsmwz {
	width: 88px;
	height: 30px;
	color: #FFF;
	text-align: center;
	display: block;
	background-color: #9a9a9a;
}


input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
  color: #fff;
}
input:-moz-placeholder, textarea:-moz-placeholder {
  color: #fff;
}
input::-moz-placeholder, textarea::-moz-placeholder {
  color: #fff;
}
input:-ms-input-placeholder, textarea:-ms-input-placeholder {
  color: #fff;
}





/*-------底部 footer9--------*/
.footer{background: url("../images/footer_bg.jpg")no-repeat top center;max-width: 1920px;height: 378px;margin-top: 30px;}
.dibu9 {
  margin:0 auto;
  width:1000px;
  height:339px;
}
.dibu9-z {padding-left: 14px;

  width:280px;
  height:279px;
  line-height:24px;
  font-family:"微软雅黑";
  font-size:12px;
  color:#fff;
  padding-top:70px;
}
.dibu9-z a {height: 11px;  display: block;
  color:#fff;
  text-decoration:none;
}

.dibu9-y {
  float:right;
  width:688px;
  height:279px;
  padding-top:60px;
}
.dibu9-yt {
  float:left;
  width:688px;
  height:45px;
  line-height:45px;
  font-family:"微软雅黑";
  font-size:16px;
  color:#fff;
}
.dibu9-yk {
  float:left;
  width:688px;
  height:43px;
  border-bottom:solid 1px #ccc;
  line-height:43px;
  font-family:"微软雅黑";
  font-size:12px;
  color:#fff;
}
.dibu9-yk a {
  padding-right:15px;
  color:#fff;
  text-decoration:none;
}
.dibu9-yk a:hover {
  color:#ff0000;
}
.dibu9-yk1 {margin-left: 113px;
  float:left;
  width:666px;
  height:143px;
  padding-top:25px;
  line-height:26px;
  font-family:"微软雅黑";
  font-size:12px;
  color:#fff;
}
.dibu9-yk1 a {
  color:#fff;
  text-decoration:none;
}
.dibu9-yk1 a:hover {
  color:#ff0000;
}